import React, { Component } from 'react';
import { Row, Col, } from 'antd';
import activeProfile from '../Profile';

import './Foot.less';

export default class Foot extends Component {
  constructor(props) {
    super(props);

    this.state = {};
  }

  render() {
    return (
      <div className="block-foot">
        <Row type="flex" className="row-top">
          <Col span={6}>
            <h6>{activeProfile.simpleName}计算</h6>
            <ul>
              <li><a href="#/">产品</a></li>
              <li><a href="#/">应用中心</a></li>
              <li><a href="#/">解决方案</a></li>
              <li><a href="/partner">合作伙伴</a></li>
              <li><a href="/help">帮助中心</a></li>
            </ul>
          </Col>
          <Col span={6}>
            <h6>账号与支持</h6>
            <ul>
              <li><a href="#/">登录常见问题</a></li>
              <li><a href="#/">账号管理</a></li>
              <li><a href="#/">合同管理</a></li>
              <li><a href="#/">发票申请</a></li>
            </ul>
          </Col>
          <Col span={5}>
            <h6>服务与支持</h6>
            <ul>
              <li><a href="#/">售前咨询</a></li>
              <li><a href="#/">联系客服</a></li>
              <li><a href="#/">举报中心</a></li>
              <li><a href="#/">备案管理</a></li>
            </ul>
          </Col>
          <Col span={5}>
            <h6>管理与支持</h6>
            <ul>
              <li><a href="#/">管理控制台</a></li>
              <li><a href="#/">续费管理</a></li>
              <li><a href="#/">访问管理</a></li>
              <li><a href="#/">工单管理</a></li>
              <li><a href="#/">联系我们</a></li>
            </ul>
          </Col>
          <Col span={2}>
            <h6>官方微信</h6>
            <img className="qrcode" src={activeProfile.qrcode} alt="qrcode" />
          </Col>
        </Row>
        <Row className="row-bottom">
          <Col span={16}>
            <ul>
              <li><a href="/about">关于我们</a></li>
              <li><a href="/contract">法律声明</a></li>
              <li><a href="#/">隐私声明</a></li>
              <li><a href="#/">联系我们</a></li>
            </ul>
          </Col>
          <Col span={8}>{activeProfile.copyRight}</Col>
        </Row>
      </div>
    );
  }
}